<%--
  Created by IntelliJ IDEA.
  User: 世界上最帅的詹姆斯
  Date: 2021-01-20
  Time: 17:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + request.getContextPath() + "/";
%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="<%=basePath%>join/css/style.css" rel="stylesheet" type="text/css">
    <link href="<%=basePath%>join/css/nice-select.css" rel="stylesheet" type="text/css">
    <style type="text/css"></style>
</head>
<link type="text/css" rel="stylesheet" href="<%=basePath%>page/layui/css/layui.css">
<body class="layui-layout-body" style="overflow: scroll">
<div class="layui-layout layui-layout-admin" >
    <div class="layui-header" style="z-index:1;width: 100%;height:525px;background: url('../static/images/bg_3.jpg')">
        <div class="layui-logo" style="font-size: 18px;color: #f7f7f7">小姜姜国际酒店</div>
        <ul class="layui-nav" style="background:#666666;opacity: 0.7;position: relative;height: 70px">
            <li class="layui-nav-item" style="position: relative;left: 250px"><img
                    src="<%=basePath%>static/images/hotel-icon-topclass.png" style="width: 180px;height: 50px"></li>
            <li class="layui-nav-item" style="position: relative;left: 300px"><a href="<%=basePath%>join/index.html">首页</a></li>
            <li class="layui-nav-item" style="position: relative;left: 300px"><a href="<%=basePath%>index/aboutus.html">关于品牌</a>
                <dl class="layui-nav-child">
                    <dd><a href="<%=basePath%>index/aboutus.html">关于我们</a></dd>
                    <dd><a href="<%=basePath%>index/aboutus.html">品牌背景</a></dd>
                    <dd><a href="<%=basePath%>index/aboutus.html">品牌CEO</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item " style="position: relative;left: 300px"><a href="<%=basePath%>page/login/login.jsp">用户登录</a></li>
            <li class="layui-nav-item" style="position: relative;left: 300px"><a href="<%=basePath%>page/register/register.jsp">用户注册</a></li>
            <li class="layui-nav-item layui-this" style="position: relative;left: 300px">
                <a href="<%=basePath%>user/loginMyorder">我的订单</a>
            </li>
            <li class="layui-nav-item " style="position: relative;left: 300px"><a href="../BookList">预订酒店</a></li>
            <li class="layui-nav-item" lay-unselect="" style="position: relative;left: 550px">
                <a href="javascript:;"><i class="layui-icon">&#xe678;</i>&nbsp;${user.realName}</a>
                <dl class="layui-nav-child">
                    <dd><a href="<%=basePath%>user/Info" target="main">修改信息</a></dd>
                    <dd><a href="<%=basePath%>page/user/changePwd.jsp" target="main">安全管理</a></dd>
                    <dd><a href="<%=basePath%>user/logOut">退了</a></dd>
                </dl>
            </li>
        </ul>
        <div style="position: relative;background: #000000;width: 300px;height: 350px;opacity: 0.5;margin: 40px 150px 50px 150px">
            <div style="position: relative;width: 300px;height: 150px;">
                <h4 style="position: relative;margin: 30px;color:#ffffff;font-size: 18px;top: 20px">${user.realName}，你好</h4>
                <ul style="position: relative;left: 20px">
                    <li style="display: inline-block">
                        <div>
                            <p style="color:#5babfc;font-size: 18px;position: relative;left: 20px">${NoPayIn}</p>
                            <p style="color: #dddddd;font-size: 18px">待支付</p>
                        </div>
                    </li>
                    <li style="display: inline-block;position: relative;left: 50px">
                        <div>
                            <p style="color:#5babfc;font-size: 18px;position: relative;left: 20px">${NoCheckedIn}</p>
                            <p style="color: #dddddd;font-size: 18px">待入住</p>
                        </div>
                    </li>
                    <li style="display: inline-block ;position: relative;left: 100px">
                        <div>
                            <p style="color:#5babfc;font-size: 18px;position: relative;left: 20px">0</p>
                            <p style="color: #dddddd;font-size: 18px">优惠卷</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div style="position: relative;width: 300px;height: 150px;">
                <div>
                    <p style="position: relative;margin: 0px 20px 10px 20px"><span style="color: #dddddd;font-size: 12px">会员等级：</span><b style="color: #5babfc;font-size: 14px">蓝卡</b></p>
                    <p style="position: relative;margin: 0px 20px 10px 20px"><span style="color: #dddddd;font-size: 12px">会员积分：</span><b style="color: #5babfc;font-size: 14px">0</b></p>
                    <p style="position: relative;margin: 0px 20px 10px 20px"><span style="color: #dddddd;font-size: 12px">有效期至：</span><b style="color: #5babfc;font-size: 14px">2020-19-15</b></p>
                    <p style="position: relative;margin: 30px 20px 30px 20px"><span style="color: #dddddd;font-size: 12px">房晚：</span>
                        <b ><div class="layui-progress"style="width: 175px;position: relative;left: 70px;top: -40px">
                            <div class="layui-progress-bar layui-bg-blue" lay-percent="50%"></div>
                        </div><b style="color: #5babfc;font-size: 14px;position: relative;float: right;top: -51px;right: 45px;">5</b></b></p>
                    <p style="position: relative;margin: -20px 20px -20px 20px"><span style="color: #dddddd;font-size: 12px">消费额：</span>
                        <b ><div class="layui-progress"style="width: 175px;position: relative;left: 70px;top: 10px">
                            <div class="layui-progress-bar layui-bg-blue" lay-percent="50%"></div>
                        </div><b style="color: #5babfc;font-size: 14px;position: relative;float: right;top: -18px;right: 5px;">5000</b></b></p>
                </div>
            </div>
        </div>
    </div>


    <div class="center" style="position: relative">
        <div class="left_center" style="position: relative;width: 218px;height: 400px;left: 150px;top: 20px;border: 1px solid #dddddd" >
            <ul>
                <li style="font-size: 20px;color: #dddddd;margin: 20px"><i class="layui-icon" style="font-size: 25px;color: #dddddd">&#xe698;</i>酒店订单
                    <ul>
                        <li ><a style="color: #5babfc;font-size: 12px;position: relative;margin: 40px" href="<%=basePath%>join/order_List.jsp" target="main"><i style="color: #5babfc;font-size: 15px;">• &nbsp;</i>我的订单</a></li>
                    </ul>
                    <hr>
                </li>
                <li style="font-size: 20px;color: #dddddd;margin: 20px"><i class="layui-icon" style="font-size: 25px;color: #dddddd">&#xe66f;</i>我的账户
                    <ul>
                        <li ><a style="color: #5babfc;font-size: 12px;position: relative;margin: 40px" href="<%=basePath%>user/Info" target="main"><i style="color: #5babfc;font-size: 15px;">• &nbsp;</i>个人信息</a></li>
                        <li ><a style="color: #5babfc;font-size: 12px;position: relative;margin: 40px" href="<%=basePath%>page/user/changePwd.jsp" target="main"><i style="color: #5babfc;font-size: 15px;">• &nbsp;</i>账号安全</a></li>
                    </ul>
                    <br>
                    <br>
                    <hr>
                </li>
                <li style="font-size: 20px;color: #dddddd;margin: 20px"><i class="layui-icon" style="font-size: 25px;color: #dddddd">&#xe735;</i>关于会员
                    <ul>
                        <li ><a style="color: #5babfc;font-size: 12px;position: relative;margin: 40px" href="#"><i style="color: #5babfc;font-size: 15px;">• &nbsp;</i>WeHotel酒店</a></li>
                        <li ><a style="color: #5babfc;font-size: 12px;position: relative;margin: 40px" href="#"><i style="color: #5babfc;font-size: 15px;">• &nbsp;</i>常见问题</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div style="width: 960px;border: 1px solid #dddddd;position: relative;top:-380px;left: 400px">
            <iframe style="width: 100%" frameborder="0" scrolling="no" id="external-frame" onload="setIframeHeight(this)" src="<%=basePath%>join/order_List.jsp" name="main"></iframe>
        </div>
    </div>
    <br>
    <br>

    <footer class="footer" style="width: 100%;">
        <div class="container " style="width: 100%">
            <div class="box" style="width: 1500px;position: relative;left: -500px;">
                <div class="logo"><img src="<%=basePath%>static/picture/logo.png"></div>
                <div class="footer-nav" >
                    <a href="<%=basePath%>join/index.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">首页</a>
                    <a href="<%=basePath%>index/aboutus.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">关于小姜姜</a>
                    <a href="visu.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">我的形象</a>
                    <a href="<%=basePath%>join/index.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">合作加盟</a>
                    <a href="<%=basePath%>join/index.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">新闻动态</a>
                    <a href="../BookList" target="_blank" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">预订酒店</a>
                </div>
            </div>
            <div class="ewm-wrap lg-hide box "style="width: 1500px;position: relative;left: -500px;top: -50px" >
                <img class="public-ewm" src="<%=basePath%>static/images/wx.png" style="width: 100px;height: 100px"/>
                <p class="txt">长按识别二维码，关注小姜姜</p>
            </div>
            <p class="copyright" style="position: relative;top: -50px">
                Copyright &copy; 2020 - 2020 小意精品酒店（湖南涉外经济学院） <a href="http://www.baidu.com" target="_blank">湘ICP备20201119号</a>
            </p>
        </div>
    </footer>
</div>


</body>
<script src="<%=basePath%>page/layui/layui.js"></script>
<script src="<%=basePath%>join/js/jquery.js"></script>
<script src="<%=basePath%>join/js/jquery.nice-select.js"></script>

<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    function setIframeHeight(iframe) {
        if (iframe) {
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            if (iframeWin.document.body) {
                iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
            }
        }
    };

    window.onload = function () {
        setIframeHeight(document.getElementById('external-frame'));
    };

    $(document).ready(function() {
        $('select').niceSelect();
    });
    layui.use('element', function () {
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function (elem) {
            //console.log(elem)
            layer.msg(elem.text());
        });
    });


</script>
</html>